<!DOCTYPE html>
<html>
<head>
    <title>通用模板</title>
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">

    <!-- 框架样式文件引入--只可新增，请勿删减 -->
    <link rel="shortcut icon" href="../../../static/images/icon/favicon.ico">
    <link rel="stylesheet" type="text/css" href="../../../static/css/base/base.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/webFrames/jquery-ztree/metroStyle.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/webFrames/jqxsplitter/jqx.base.css"/>
    <link rel="stylesheet" type="text/css"
          href="../../../static/css/agentPurchase/contractTempManage/contractTempManage.css"/>
    <style type="text/css">
    </style>

</head>

<body class="gray-bg">

<div id='splitter'>
    <div class="col-sm-2 animated fadeInLeft" style="height: 100%;background-color: #fff;overflow: auto;">
        <div class="ibox float-e-margins">
            <div class="zTreeDemoBackground left">
                <ul id="commonqueryTree" class="ztree"></ul>
            </div>
        </div>
    </div>

    <div class="col-sm-10 animated fadeInLeft" style="height: 100%;background-color: #fff;">
        <div class="ibox float-e-margins">
            <div class="fixed-table-container" style="border: 0 none">
                <div class="btn-group hidden-xs" role="group" style="align-content: center">
                    <button id="add" type="button" class="btn btn-outline btn-default" disabled="disabled">
                        <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>&nbsp;新建
                    </button>
                    <button id="edit" type="button" class="btn btn-outline btn-default" disabled="disabled">
                        <i class="glyphicon glyphicon-pencil" aria-hidden="true"></i>&nbsp;修改
                    </button>
                    <button id="remove" type="button" class="btn btn-outline btn-default" disabled="disabled">
                        <i class="glyphicon glyphicon-remove" aria-hidden="true"></i>&nbsp;作废
                    </button>
                    <button id="saveZan" type="button" class="btn btn-outline btn-default" disabled="disabled">
                        <i class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></i>&nbsp;暂存
                    </button>
                    <button id="cancel" type="button" class="btn btn-outline btn-default" disabled="disabled">
                        <i class="glyphicon glyphicon-trash" aria-hidden="true"></i>&nbsp;撤销
                    </button>
                    <button id="sort" type="button" class="btn btn-outline btn-default" disabled="disabled">
                        <i class="glyphicon glyphicon-sort" aria-hidden="true"></i>&nbsp;排序
                    </button>
                    <button id="conditionSort" type="button" class="btn btn-outline btn-default" disabled="disabled">
                        <i class="glyphicon glyphicon-sort" aria-hidden="true"></i>&nbsp;条件排序
                    </button>
                    <button id="resultSort" type="button" class="btn btn-outline btn-default" disabled="disabled">
                        <i class="glyphicon glyphicon-sort" aria-hidden="true"></i>&nbsp;结果排序
                    </button>
                </div>
                <div class="container-fluid" style="padding-right: 0;padding-left: 0">
                    <form id="mainForm" action="#" role="form" class="form-horizontal" style="width: 100%;">
                        <div class="panel dc-form dc-panel panel-default">
                            <div class="panel-body" style="border: none;">
                                <!-- 表单项：输入框 -->
                                <div class="form-group">
                                    <div class="col-sm-4">
                                        <label class="col-sm-4 control-label">查询编码：</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="CODE"
                                                   v-model="myParams.CODE"
                                                   class="form-control" placeholder="查询编码"
                                                   required readonly="readonly"><span
                                                class="required">*</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="col-sm-4 control-label">查询名称：</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="NAME"
                                                   v-model="myParams.NAME"
                                                   class="form-control" placeholder="查询名称"
                                                   required readonly="readonly"><span
                                                class="required">*</span>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <label class="col-sm-4 control-label" for="isLeaf">叶节点：</label>
                                        <div class="col-sm-2">
                                            <input type="checkbox" name="ISLEAF" id="isLeaf"
                                                   v-model="myParams.ISLEAF"
                                                   class="form-control" placeholder="叶节点"
                                            >
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-12 text-center">
                                        <button class="btn btn-primary buttonColor btnSize" type="button" id="copy">
                                            复制
                                        </button>
                                        <button class="btn btn-primary buttonColor btnSize" type="button" id="reView">
                                            预览
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="panel dc-panel panel-default">
                    <div class="panel-body" style="padding-right: 0;padding-left: 0">
                        <div class="tabs dc-tab" style="height: 1500px;">
                            <div class="tabs-container">
                                <ul class="nav nav-tabs">
                                    <li class="active">
                                        <a data-toggle="tab" href="#tab1" aria-expanded="true">查询条件设置</a>
                                    </li>
                                    <li>
                                        <a data-toggle="tab" href="#tab2" aria-expanded="false">查询结果显示</a>
                                    </li>
                                    <li>
                                        <a data-toggle="tab" href="#tab3" aria-expanded="false">查询脚本</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-content">
                                <div id="tab1" class="tab-pane attachment-tab active">
                                    <div class="panel dc-panel panel-default">
                                        <div class="panel-body">
                                            <div class="btn-group" id="grdToolbar" role="group">
                                                <button id="gridDelete" type="button" class="btn btn-outline btn-default">
                                                    <i class="glyphicon glyphicon-pencil" aria-hidden="true"></i>&nbsp;删除
                                                </button>
                                            </div>
                                            <!-- 表格区域 -->
                                            <table id="conditionGrid" data-striped="true">
                                                <!-- 表格的具体内容在JS中进行初始化操作 -->
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <div id="tab2" class="tab-pane attachment-tab">
                                    <div class="panel dc-panel panel-default">
                                        <div class="panel-body">
                                            <div class="btn-group" id="gridResultToolbar" role="group">
                                                <button id="gridResultDelete" type="button" class="btn btn-outline btn-default">
                                                    <i class="glyphicon glyphicon-pencil" aria-hidden="true"></i>&nbsp;删除
                                                </button>
                                            </div>
                                            <!-- 表格区域 -->
                                            <table id="resultGrid" data-striped="true">
                                                <!-- 表格的具体内容在JS中进行初始化操作 -->
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div id="tab3" class="tab-pane attachment-tab">
                                    <form id="sqlForm" action="#" role="form" class="form-horizontal">
                                        <textarea name="sql"
                                                  v-model="myParams.SQLSCRIPT"
                                                  class="form-control" rows="20"></textarea>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</div>

<!-- 框架JS文件引入--只可新增，请勿删减 -->
<script type="text/javascript" src="../../../static/javascript/base/base.js"></script>
<script type="text/javascript" src="../../../static/webFrames/jquery-ui/jquery-ui.min.js"></script>
<script src="../../../static/javascript/base/contabs.js"></script>
<script type="text/javascript" src="../../../static/webFrames/jquery-ztree/jquery.ztree.core.min.js"></script>
<script type="text/javascript" src="../../../static/webFrames/jqxsplitter/jqxcore.js"></script>
<script type="text/javascript" src="../../../static/webFrames/jqxsplitter/jqxsplitter.js"></script>
<!-- 个人模块样式文件引入，引入时一定要加上defer，实现延时加载，等待页面渲染完毕 -->
<script type="text/javascript" src="../../../static/javascript/system/commonquery/commonQueryMain.js"
        defer></script>
</body>
</html>
